
<template>
  <div id="active_attendDetail">
    <ma-header titleName="报名详情"></ma-header>
    <mu-list v-for="(item,index) in attendList" :key="index">
      <mu-list-item :title="item.name" disabled>
        <mu-avatar slot="left" :src="item.memberHead ? addPath(item.memberHead) : defaultImg" />
      </mu-list-item>
      <mu-divider></mu-divider>
    </mu-list>
  </div>
</template>

<script>
import Vue from "vue";
import maHeader from "components/magicHeader";
import defaultImg from "assets/default_user_icon.png";
// service
import QueryFleetActivityService from "services/carFriend/QueryFleetActivity";

export default {
  components: {
    maHeader
  },
  data() {
    return {
      defaultImg,
      attendList: []
    };
  },
  created(){
    QueryFleetActivityService.bind(this)({
      activityId: this.$route.params.activeId
    },resp=>{
      this.attendList = resp.fleetActivityAttendDatas;
    })
  },
  methods: {
    goBack() {
      this.$router.push({
        name: "active_detail"
      });
    }
  },
  
};
</script>

<style>
#active_attendDetail .mu-list {
  background-color: #fff;
  padding: 0px;
}
#active_attendDetail .mu-list-item {
  padding-left: 68px;
}
</style>